<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://thymeleaf.org">
<head>
  <base href="/">
  <meta charset="UTF-8">
  <title>teacher</title>
  <link rel="stylesheet" href="../static/css/chatRoom.css">
  <link rel="icon" type="image/x-icon" href="../static/img/favicon.ico" />
</head>
<body>
<div class="overlay"></div>
<div class="container blur">
  <div class="wrapper">
    <div class="left-panel">
      <div class="left-overlay"></div>
      <div class="left-title">
        <!--头像-->
        <div class="head-img"></div>
        <!--名字-->
        <div class="user-name">
          网络连接中.....
        </div>
        <!--显示个人信息-->
        <div class="user-info"></div>
      </div>
      <!--左边方框栏-->
      <div class="left-chatList">
        <div class="item-box">
        </div>
      </div>
      <div class="left-addChat">
        <button class="contact">
          <span class="btn-text">联系管理员</span>
          <i class="btn-img cantact-img"></i>
        </button>
        <button class="new-chat">
          <span class="btn-text">添加讨论</span>
          <i class="btn-img new-chat-img"></i>
        </button>
      </div>
    </div>
    <div class="right-panel">
      <div class="right-title">
      </div>
      <div class="right-chatRoom">
      </div>
      <div class="right-sendMessage">
        <div class="change-radio">

          <input type="radio" id="text-message" name="message-change" value="text-message" checked>
          <label for="text-message" class="radio-text">文字</label>

          <input type="radio" id="file-message" name="message-change" value="file-message">
          <label for="file-message" class="radio-text">文件</label>
        </div>
        <div class="message-container">
          <div class="wrapper message-input">
            <textarea id="sendInput" class="text-input" placeholder="输入文字聊天内容(Ctrl+Enter 换行)"></textarea>
            <div class="send-img text"></div>
          </div>

        </div>

      </div>
    </div>
    <div class="add-panel">
      <div class="add-title">
        讨论内容
      </div>
      <div class="add-box">
        <div class="add-infer-item">
          <div class="add-text">1.讨论主题：</div>
          <div class="add-text-item"></div>
          <div class="add-text">2.讨论内容：</div>
          <div class="add-text-content"></div>
          <div class="add-text">3.讨论重点：</div>
          <div class="add-text-key"></div>
          <div class="add-text">4.小组成员：</div>
          <div class="user-box">
          </div>
        </div>
      </div>
      <div class="choose-container">
        <button class="add-model-btn thy" id="thy">生成报告</button>
        <button class="add-model-btn invite" id="invite">成员管理</button>
      </div>
    </div>
  </div>
</div>

<div class="model">
  <div class="model-title">新的讨论室</div>
  <div class="model-content">
    <input type="text" class="model-input" placeholder="请输入讨论室名称">
  </div>
  <div class="model-option">
    <button class="model-btn add">加入</button>
    <button class="model-btn create">创建</button>
  </div>
</div>
<div class="myModel">
  <div class="model-title">讨论室内容</div>
  <span>讨论主题：</span>
  <textarea name="item" class="resizable-textarea" style="resize: none;"></textarea>
  <span>讨论内容：</span>
  <textarea name="content" class="resizable-textarea" style="resize: none;"></textarea>
  <span>讨论重点：</span>
  <textarea name="key" class="resizable-textarea" style="resize: none;"></textarea>
  <div class="myModel-container-option">
    <button class="model-btn sure">确认</button>
  </div>
</div>


<img class="show-img" src="" alt="">
<script src="../static/js/jquery-3.6.0.min.js"></script>
<script src="../static/js/customizeAlert.js"></script>
<script src="../static/js/chatRoom.js"></script>
<script>
  $(function(){
    $(".text-1").hide();
  });
</script>
</body>
</html>